<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" type="text/css" href="css/head.css" />
		<link rel="stylesheet" type="text/css" href="css/youxishouye.css" />
		<title>游戏首页</title>
		<link rel="icon" href="..//index/image/logo_title.png">
		<style>
		.icon {
		  width: 1em;
		  height: 1em;
		  vertical-align: -0.15em;
		  fill: currentColor;
		  overflow: hidden;
		}
		</style>
	</head>
	<body>
		<!-- 进页面时出现的弹框 -->
		<div class="bg">
			<div class="tanchuang">
				<div id="exit" >
					
				</div>
			</div>
		</div>
		<div class="head">
			<div class="content">
				<div class="left">
					<img src="toubu-img/logo-new.png">
				</div>
				<div class="center">
					<ul>
						<li style="background-color: #FF7700;">
							<a href="shouye.html" style="color: white;">首页</a>
						</li>
						<li>
							<a href="./shouyouzhongxin.html">手游中心</a>
							<div class="new">

							</div>
						</li>
						<li><a href="youxizhongxin.html">游戏中心</a></li>
						<li><a href="libao ">礼包中心</a></li>
						<li><a href="gerenzhongxin.html">个人中心</a></li>
						<li><a href="chongzhizhongxin.html">充值中心</a></li>
						<li><a href="kefu.html">客服</a></li>
						<li><a href="luntan.html">论坛</a></li>
					</ul>
				</div>
				<div class="right">
					<div class="box">
						<svg class="icon" aria-hidden="true" style="margin-right: 2px;">
						  <use xlink:href="#icon-diannao"></use>
						</svg>游戏盒子
					</div>
					<div class="box">
						<svg class="icon" aria-hidden="true" >
						  <use xlink:href="#icon-icon"></use>
						</svg>
						收藏首页
					</div>
					<div class="zd">
						登录 | 注册
					</div>
				</div>
			</div>
		</div>
		<div class="lunbo">
			<!-- 游戏登录界面 -->
			 <div class="denglu">
			 	<div class="h">
			 		<h4>用户登录</h4>
			 	</div>
				<form method="post">
					<input type="text" name="" id="user" value="" placeholder="昵称"/>
					<input type="password" name="" id="pass" value="" placeholder="密码"/>
					<p style="float:left;font-size: 12px;color: darkorange;margin-top: 25px;margin-left: 25px;">手机号快速登录<strong>></strong></p>
					<p style="float: right;font-size: 12px;margin-top: 25px;margin-right: 25px;">忘记密码?</p>
					<button type="button" id="btn1" style="height: 35px;width:110px;color:white;background-color: #FF7700;margin-top:15px;margin-right: 35px; float: left; text-align: center; font-size: 14px;border: none;border-radius: 4px;margin-left: 25px;">登录</button>
					<button type="button" id="btn2" style="height: 35px;width:110px;color: white;background-color: #2693FF;;margin-top:15px;float: left;text-align: center;text-align: center;font-size: 14px;;border: none;border-radius: 4px;">注册</button>
					<p style="font-size: 12px;margin-top: 40px;margin-top: 119px;margin-left: 25px; width: 120px;">其他登录:</p>  
					 <div class="tu1"> </div>
					 <div class="tu2"> </div>
					 <div class="tu3"> </div>
				</form>
			 </div>
			
			<ul id="dot">
				<li style="background-color: #FF7700;"></li>
				<li style="margin-left: 30px;"></li>
				<li style="margin-left: 60px;"></li>
				<li style="margin-left: 90px;"></li>
				<li style="margin-left: 120px;"></li>
				<li style="margin-left: 150px;"></li>
			</ul>
			<ul id="lunbo">
				<li><img src="shouye_img/202108100919255459.jpg"></li>
				<li><img src="shouye_img/202104021031182666.jpg"></li>
				<li><img src="shouye_img/202107190937279434.jpg"></li>
				<li><img src="shouye_img/202108101123321666.jpg"></li>
				<li><img src="shouye_img/202108181003236598.jpg"></li>
				<li><img src="shouye_img/202108110953577400.jpg"></li>
			</ul>
			<div class="btn_left">
				<div class="pre">

				</div>
			</div>
			<div class="btn_right">
				<div class="nex">

				</div>
			</div>
		</div>
		<div class="body">
			<div class="content">
				<ul id="sanren">
					<li><img src="">
						<div class="info">
							<div class="left">
								<h3>传奇霸主</h3>
								<span>官网 | 礼包</span>
							</div>
							<div class="right">
								<div class="btn">
									进入新区
								</div>
								<div class="btn">
									列表服务器
								</div>
							</div>
						</div>
					</li>

				</ul>
			</div>
			<div class="kt">
				<div class="kaifu">
					<div class="title">
						<div class="icon">
							
						</div>
						开服列表 <span style="float: right;font-size: 12px; color: #000000;margin-top: 11px;">更多> </span>
					</div>

					<ul id="paihang">
						<li>
							<div class="left"><img src=""></div>
							<h4>传奇霸主</h4> <span></span>
							<p></p>
						</li>
					</ul>
					<div class="fuli">
						<img src="shouye_img/fuli.jpg">
					</div>
				</div>
				<div class="tuijian">
					<div class="title">
						<div class="icon">
							
						</div>
						推荐游戏
					</div>
					<ul id="tuijian">
						<li><img src="shouye_img/jianxian.png">
							<p>全名剑仙</p>
							<div class="box1">官网</div>
							<div class="box2">开始游戏</div>
							<div class="redu" style="background-position: -80px 0px;"></div>
						</li>
					</ul>
				</div>
			</div>
		<div class="xq">
			<div class="xinwen">
				<div class="title">
					<div class="icon">
						
					</div>
					新闻公告   <span>更多></span>
				</div>
				<ul id="tz">
					<li style="color: red;">【重要通知】斗鱼平台实名信息校验通知</li>
					<li>笑傲江湖页游无相1服8月18日10点火爆开启</li>
					<li>赤焰号角斗鱼60服8月18日10点火爆开启</li>
					<li>斗鱼热血战歌斗鱼773服8月18日10点火爆开启</li>
					<li>传奇霸主斗鱼118服8月18日火爆开启</li>
				</ul>
				<div class="kf" style="margin-left: 0px;">
					<div class="icon">
						
					</div>
					<p>在线客服</p>
				</div>
				<div class="kf">
					<div class="icon" style="background-position: -80px -102px;">
						
					</div>
				    <p>家长监控</p>
				</div>
			</div>

            <div class="qita">
            	<div class="title">
					<div class="icon">
						
					</div>
            		其他游戏    <p>更多></p>
            	</div>
				<ul id="touxiang">
					<li><img src="shouye_img/lanyue.png" ><p>蓝月传奇</p></li>
				</ul>
            </div>
		</div>
		</div>
		<div class="banquan">
			<div class="center">
				<ul id="one">
					<li><a href="">斗鱼直播</a></li>
					<li>|</li>
					<li><a href="">游戏中心</a></li>
					<li>|</li>
					<li><a href="">客服中心</a></li>
					<li>|</li>
					<li><a href="">家长监控</a></li>
				</ul>
				<pre>鄂网文【2018】9760-291号   ICP证鄂B2-20150127</pre>
				<ul id="tip">
					<li>抵制不良游戏</li>
					<li>拒绝盗版游戏</li>
					<li>注意自我保护</li>
					<li>谨防受骗上当</li>
					<li>适当游戏益脑</li>
					<li>沉迷游戏伤身</li>
					<li>合理安排时间</li>
					<li>享受健康生活</li>
				</ul>
				<div class="tubiao">
					<img src="shouye_img/wenhuajingying.png"><p>互联网文化经营单位</p>
				</div>
			</div>
		</div>
		<script src="js/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/youxishouye.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/toubuicon.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
